<extend name="Public/base"/>
<!--extend name="./Application/Common/View/base/common.html"/-->
<block name="body">
<style>
       .nav-tabs > li > a {
         padding:5px 20px;
        }
        .nav-tabs {
           padding:0px 0px 0px 20px;
        }
		.nav-tabs > li > a {
           line-height:18px;
        }

ul{list-style-type:none;margin:0px 0px;padding:10px 15px 0px 15px}
.rmb-box{
    display:block;
	float: left;
	margin: 0px 0px 10px 0px;
	margin-right:2%;
	width:32%;
	position: relative;
	padding: 5px 0;
	transition: left .2s ease,border .5s,z-index .5s;
	padding-bottom: 15px;
	top: 1px;
	background-color: #fff;   
	border: 1px solid #cccccc;
	padding-top: 0;
	min-height: 250px;
}
.rmb-box:nth-child(3n){margin-right: 0;}
.rmb-box:hover{
	box-shadow: 0 15px 30px rgba(0,0,0,0.1);
	z-index: 20;
	top: -1px;
	
}

.rmb-product-detail {
	width: 100%;
	text-align: center;
	height: 150px;
	border-bottom: solid #cccccc 1px;
	background: #fff;
	overflow: hidden;
}
.rmb-product-detail>a{
	width: 100%;
	height: 150px;
	display: grid;
	display: flex; 
	vertical-align: middle;
	text-align: center;
	
}
.rmb-product-detail>a>img{
	max-width: 100%;
	/*max-height: 100%;*/
	vertical-align: middle;
	margin: auto;
}
.rmb-product-detail>a img:hover{ 
  	cursor: pointer;  
    transition: all 0.6s; 
	 -webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);
}

.rmb-product-desc{
	margin-top: 1.5px;
	text-align: left;
	padding-left: 10px;
	font-size:14px;
	height: 39px; 
}
.rmb-product-explain{padding:4px 0px;border:0px solid #ff0000;height:26px;overflow:hidden}
.rmb-product-explain a{
	color: #454545;
	font-size: 14px; 
}
.rmb-product-price{;border:0px solid #ff0000;margin:0px;padding:5px 0px 0px 0px}


@media screen and (max-width:600px){

 .rmb-box{
    display:block;
	float: left;
	margin: 0px 0px 10px 0px;
	margin-right:4%;
	width:48%;
	position: relative;
	padding: 5px 0;
	transition: left .2s ease,border .5s,z-index .5s;
	padding-bottom: 15px;
	top: 1px;
	background-color: #fff;   
	border: 1px solid #cccccc;
	padding-top: 0;
	min-height: 200px;
 }
 .rmb-box:nth-child(2n){margin-right: 0;}
 .rmb-product-detail {
	width: 100%;
	text-align: center;
	height: 100px;
	border-bottom: solid #cccccc 1px;
	background: #fff;
	overflow: hidden;
}
.rmb-product-detail>a{
	width: 100%;
	height: 100px;
	display: grid;
	display: flex; 
	vertical-align: middle;
	text-align: center;
	
}

}
</style>
				 <ul class="nav nav-tabs" id="myTab"> 
                    <li <eq name="tab" value="all">           class="active"</eq>>         <a href="{:U('Usercenter/Examination/index',array('tab'=>'all'))}"           tab="#all">所有试卷</a></li> 
                    <li <eq name="tab" value="PaymentsMade">  class="active"</eq>><a href="{:U('Usercenter/Examination/index',array('tab'=>'PaymentsMade'))}"  tab="#PaymentsMade">已批卷</a></li> 
                    <li <eq name="tab" value="PaymentsDue">   class="active"</eq>> <a href="{:U('Usercenter/Examination/index',array('tab'=>'PaymentsDue'))}"   tab="#PaymentsDue">未批卷</a></li> 
                 </ul> 
        
                 <div class="tab-content"> 
                    <div class="tab-pane" id="unread" style="display:block;">
					<!---------------------------------------------------------------->
					<ul>
					<volist name="list" id="vo">
					  <li class="rmb-box">
                    
					      <div class="rmb-product-detail">
									<a href="{:U('Detail',array('id'=>$vo["id"]))}" target="_blank">
										<img src="{$vo['image']|get_cover='path'}" data-echo="{$vo['image']|get_cover='path'}">	
									</a>													 
					      </div>  
								<div class="rmb-product-desc">
									<div class="rmb-product-explain"><a href="{:U('Detail',array('id'=>$vo["id"]))}" target="_blank">{$vo.paperName}</a></div>
									<div class="rmb-product-explain">考试时间：{$vo.updateTime|date='Y-m-d H:i',###}</div>
									<div class="rmb-product-price">
									    <if condition="$vo.checkedTime eq '0'">
									    <span><a href="javascript:void(0)" class="btn btn-default btn-sm">&nbsp;&nbsp;尚未批卷 >&nbsp;&nbsp;</a></span>
										<else/>
										<span><a href="{:U('Usercenter/Examination/correctpaper',array('testId'=>$vo["testId"],'id'=>$vo["id"]))}" target="_blank" class="btn btn-primary btn-sm">&nbsp;&nbsp;查看批卷成绩 >&nbsp;&nbsp;</a></span>
										</if>
									</div>
						       </div>

					   </li> 
					</volist>
					</ul>
                    <div style="clear:both;height:0px"></div>
					<if condition="count($list) eq 0">
                        <div style="font-size:20px;padding:2em 0;color: #ccc;text-align: center;">还没有内容哦。O(∩_∩)O~</div>
                    </if>
					<div class="text-right" style="margin-right:20px;">
                       {:getPagination($totalPageCount,$count)}
                    </div>
					<!---------------------------------------------------------------->
					</div> 
                 </div> 

</block>
